.PersonalFiles{
    width: 900px;
    height: 1000px;
}
.BackgroundPage{
    width: 800px;
    height: 480px;
    border: 5px double #3E3841;
    border-radius: 25px;
}
.shoollogo{
    position: relative;
    width: 35%;
    left: 250px;
    top: 10px;
    overflow: hidden;
    background-color:  rgb(22, 52, 106);
    border-radius: 25px;
}
.personalImg{
    position: relative;
    float: right;
    right: 40px;
    width: 20%;
    top: -50px;
}
.personalName{
    position: relative;
    top: -5px;
}
.personalSex{
    position: relative;
    top: -120px;
}
.personalage{
    position: relative;
    left: 250px;
    top: -247px;
}
.personalID{
    position: relative;
    left: 235px;
    top: -245px;
}
.personalID .button_control{
    width: 35%;
}
.personalschoolID{
    position: relative;
    top: -245px;
}
.personalschoolID .button_control{
    width: 25%;
}
.personalPhone{
    position: relative;
    top: -308px;
    left: 235px;
}
.personalPhone .button_control{
    width: 30%;
}
.personalStatus{
    position: relative;
    top: -433px;
    left: 510px;
}
.personalCollege{
    position: relative;
    top: -305px;
}
.button_control{
    width: 20%;
}
.back_button{
    position: relative;
    top: -470px;
    left: 300px;
}
.edit_button{
    position: relative;
    top: -470px;
    left: 320px;
}
.PersonalInfo{
    position: relative;
    top: 50px;
}
.personalHonor{
    position: relative;
    top: -431px;
    left: 228px;
}
.personalPunishment{
    position: relative;
    top: -494px;
    left: 455px;
}